{extend name="public:common"}
{block name="head"}
<style>
    .container {
        margin: 0;
        height: 16rem;
        text-align: center;
        padding-top: 8rem;
    }

    .container h1 {
        margin: 0;
    }
</style>
{/block}
{block name="content"}
<div class="mdui-color-theme container">
    <div class="mdui-container">
        <h1>EUC - 易语言统一模块管理器</h1>
        <h2>安装模块依赖仅需一步</h2>
        <a href="/" class="mdui-btn mdui-btn-raised mdui-color-theme-accent">开始使用</a>
    </div>
</div>
<div class="mdui-container mdui-m-t-5">
    <div class="mdui-row">
        <h1>MUC的功能</h1>
        <div class="mdui-col-xs-12 mdui-col-sm-4">
            <div class="mdui-card">
                <div class="mdui-card-content mdui-typo">
                    <h3>简单快捷</h3>
                    <p>仅需安装一个小于5MB的依赖管理软件，即可得到完整的依赖管理功能</p>
                </div>
            </div>
        </div>
        <div class="mdui-col-xs-12 mdui-col-sm-4">
            <div class="mdui-card">
                <div class="mdui-card-content mdui-typo">
                    <h3>免费开源</h3>
                    <p>系统免费使用，同时将软件进行开源。不留后门，不收集任何隐私信息</p>
                </div>
            </div>
        </div>
        <div class="mdui-col-xs-12 mdui-col-sm-4">
            <div class="mdui-card">
                <div class="mdui-card-content mdui-typo">
                    <h3>模块全面</h3>
                    <p>开放模块上传平台，依托MD5标识唯一，审核简单。让你的模块造福大家！</p>
                </div>
            </div>
        </div>
    </div>

    <div class="mdui-row mdui-m-t-5">
        <div class="mdui-col-xs-12 mdui-col-sm-4">
            <div class="mdui-card">
                <div class="mdui-card-content mdui-typo">
                    <h3>统计信息</h3>
                    <ul>
                        <li>目前提供：<code>{$model.count}</code>个版本模块</li>
                        <li>模块下载：<code>{$model.download_count}</code>次</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}